<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超标签</title>
</head>
<body>

<a href="p1.html">跳转到第一个页面</a>
<a href="p5.html">跳转到第五个页面</a>

<hr>

<a href="https://www.baidu.com">跳转到百度</a>
<a href="https://www.tmooc.cn">跳转到达内</a>
<br><br>
<!-- 图片链接 -->
<a href="https://www.baidu.com">
    <img src="2.png" width="200px" alt="babipiule">
</a>
<br><br>
<!-- _self刷新当前项  _blank打开一个新的空白页 -->
<a href="https://www.baidu.com" target="_self">跳转到百度</a>
<a href="https://www.baidu.com" target="_blank">跳转到百度</a>

<hr>

<h1>西游记</h1>
<a href="#c1">跳转到第一章</a>
<a href="#c2">跳转到第二章</a>
<a href="#c3">跳转到第三章</a>

<h3 id="c1">第一章 石猴出世</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A expedita iusto laudantium nemo neque odio quod sequi,
    vitae. Atque ducimus excepturi, fugit quia quos tempore veniam! Autem eum magni quis.</p>
<p>Doloremque obcaecati quas quos tenetur velit. Consectetur cumque delectus doloremque dolores explicabo fugit hic id
    ipsa iure, labore libero minus molestias nobis obcaecati officiis quae quam quas ratione reprehenderit
    veritatis!</p>
<p>Atque, corporis eveniet id impedit magni modi nisi odit repellendus rerum similique sunt totam? Accusamus enim est
    fuga harum, quas veniam! Assumenda ducimus nemo rem reprehenderit suscipit? Architecto, corporis, quibusdam!</p>
<p>A, accusamus aliquam architecto aspernatur aut consectetur cupiditate eos ex harum hic illum impedit itaque minima
    minus mollitia nobis praesentium, ratione repudiandae rerum sequi temporibus veritatis vitae, voluptatem voluptates
    voluptatum!</p>
<p>A ab aspernatur dignissimos dolores doloribus dolorum enim eos expedita facere, facilis inventore ipsam magni,
    mollitia nam natus nemo nesciunt nihil officiis pariatur quaerat quibusdam rerum sint suscipit ut vel?</p>
<p>Autem, eum, vero! Autem doloremque et eum ex expedita explicabo facere harum laboriosam molestias necessitatibus,
    nemo neque nobis non quam quas quia quidem similique sit soluta ut veniam voluptatem voluptates.</p>
<p>Alias aliquid aut autem deleniti dolore eius et fugiat inventore ipsum, iure maxime minus nam nesciunt omnis pariatur
    perspiciatis possimus provident quam qui quidem quisquam tenetur ut vitae voluptas voluptate.</p>
<p>Blanditiis culpa error expedita id ipsa ipsam ipsum perspiciatis quae tempore voluptatem. A architecto asperiores at
    aut consequatur dolorem doloremque exercitationem, iusto molestiae, nulla perspiciatis porro quo quos voluptate
    voluptatibus!</p>
<p>Ab consectetur consequuntur corporis earum error esse exercitationem hic ipsa iusto magnam, nisi non, obcaecati
    pariatur placeat quae quaerat quasi sunt vitae! Accusamus eius hic obcaecati odit praesentium quae tempora?</p>
<p>Ab architecto culpa dignissimos dolorum ea earum enim, ex iste labore mollitia natus, omnis quasi, quod ratione
    reiciendis rerum tempora tenetur. Adipisci, alias dolor modi perspiciatis porro quod voluptatem voluptatum.</p>

<h3 id="c2">第二章 蓬莱求学</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A expedita iusto laudantium nemo neque odio quod sequi,
    vitae. Atque ducimus excepturi, fugit quia quos tempore veniam! Autem eum magni quis.</p>
<p>Doloremque obcaecati quas quos tenetur velit. Consectetur cumque delectus doloremque dolores explicabo fugit hic id
    ipsa iure, labore libero minus molestias nobis obcaecati officiis quae quam quas ratione reprehenderit
    veritatis!</p>
<p>Atque, corporis eveniet id impedit magni modi nisi odit repellendus rerum similique sunt totam? Accusamus enim est
    fuga harum, quas veniam! Assumenda ducimus nemo rem reprehenderit suscipit? Architecto, corporis, quibusdam!</p>
<p>A, accusamus aliquam architecto aspernatur aut consectetur cupiditate eos ex harum hic illum impedit itaque minima
    minus mollitia nobis praesentium, ratione repudiandae rerum sequi temporibus veritatis vitae, voluptatem voluptates
    voluptatum!</p>
<p>A ab aspernatur dignissimos dolores doloribus dolorum enim eos expedita facere, facilis inventore ipsam magni,
    mollitia nam natus nemo nesciunt nihil officiis pariatur quaerat quibusdam rerum sint suscipit ut vel?</p>
<p>Autem, eum, vero! Autem doloremque et eum ex expedita explicabo facere harum laboriosam molestias necessitatibus,
    nemo neque nobis non quam quas quia quidem similique sit soluta ut veniam voluptatem voluptates.</p>
<p>Alias aliquid aut autem deleniti dolore eius et fugiat inventore ipsum, iure maxime minus nam nesciunt omnis pariatur
    perspiciatis possimus provident quam qui quidem quisquam tenetur ut vitae voluptas voluptate.</p>
<p>Blanditiis culpa error expedita id ipsa ipsam ipsum perspiciatis quae tempore voluptatem. A architecto asperiores at
    aut consequatur dolorem doloremque exercitationem, iusto molestiae, nulla perspiciatis porro quo quos voluptate
    voluptatibus!</p>
<p>Ab consectetur consequuntur corporis earum error esse exercitationem hic ipsa iusto magnam, nisi non, obcaecati
    pariatur placeat quae quaerat quasi sunt vitae! Accusamus eius hic obcaecati odit praesentium quae tempora?</p>
<p>Ab architecto culpa dignissimos dolorum ea earum enim, ex iste labore mollitia natus, omnis quasi, quod ratione
    reiciendis rerum tempora tenetur. Adipisci, alias dolor modi perspiciatis porro quod voluptatem voluptatum.</p>

<h3 id="c3">第三章 龙宫借宝</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A expedita iusto laudantium nemo neque odio quod sequi,
    vitae. Atque ducimus excepturi, fugit quia quos tempore veniam! Autem eum magni quis.</p>
<p>Doloremque obcaecati quas quos tenetur velit. Consectetur cumque delectus doloremque dolores explicabo fugit hic id
    ipsa iure, labore libero minus molestias nobis obcaecati officiis quae quam quas ratione reprehenderit
    veritatis!</p>
<p>Atque, corporis eveniet id impedit magni modi nisi odit repellendus rerum similique sunt totam? Accusamus enim est
    fuga harum, quas veniam! Assumenda ducimus nemo rem reprehenderit suscipit? Architecto, corporis, quibusdam!</p>
<p>A, accusamus aliquam architecto aspernatur aut consectetur cupiditate eos ex harum hic illum impedit itaque minima
    minus mollitia nobis praesentium, ratione repudiandae rerum sequi temporibus veritatis vitae, voluptatem voluptates
    voluptatum!</p>
<p>A ab aspernatur dignissimos dolores doloribus dolorum enim eos expedita facere, facilis inventore ipsam magni,
    mollitia nam natus nemo nesciunt nihil officiis pariatur quaerat quibusdam rerum sint suscipit ut vel?</p>
<p>Autem, eum, vero! Autem doloremque et eum ex expedita explicabo facere harum laboriosam molestias necessitatibus,
    nemo neque nobis non quam quas quia quidem similique sit soluta ut veniam voluptatem voluptates.</p>
<p>Alias aliquid aut autem deleniti dolore eius et fugiat inventore ipsum, iure maxime minus nam nesciunt omnis pariatur
    perspiciatis possimus provident quam qui quidem quisquam tenetur ut vitae voluptas voluptate.</p>
<p>Blanditiis culpa error expedita id ipsa ipsam ipsum perspiciatis quae tempore voluptatem. A architecto asperiores at
    aut consequatur dolorem doloremque exercitationem, iusto molestiae, nulla perspiciatis porro quo quos voluptate
    voluptatibus!</p>
<p>Ab consectetur consequuntur corporis earum error esse exercitationem hic ipsa iusto magnam, nisi non, obcaecati
    pariatur placeat quae quaerat quasi sunt vitae! Accusamus eius hic obcaecati odit praesentium quae tempora?</p>
<p>Ab architecto culpa dignissimos dolorum ea earum enim, ex iste labore mollitia natus, omnis quasi, quod ratione
    reiciendis rerum tempora tenetur. Adipisci, alias dolor modi perspiciatis porro quod voluptatem voluptatum.</p>
<a href="#">返回顶部</a>


</body>
</html>